import { createGlobalStyle } from 'styled-components'

export const GlobalStyle = createGlobalStyle`
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed, 
  figure, figcaption, footer, header, hgroup, 
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure, 
  footer, header, hgroup, menu, nav, section {
    display: block;
  }
  body {
    line-height: 1;
  }
  ol, ul {
    list-style: none;
  }
  blockquote, q {
    quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  @font-face {font-family: "iconfont";
  src: url('./iconfont.eot?t=1540196160831'); /* IE9*/
  src: url('./iconfont.eot?t=1540196160831#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAUkAAsAAAAAB4wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8fkgoY21hcAAAAYAAAABcAAABnLOKGwNnbHlmAAAB3AAAAUcAAAFQ/7P6bmhlYWQAAAMkAAAALwAAADYTBpSYaGhlYQAAA1QAAAAcAAAAJAfeA4VobXR4AAADcAAAAA4AAAAQEAAAAGxvY2EAAAOAAAAACgAAAAoA0ABebWF4cAAAA4wAAAAeAAAAIAESADxuYW1lAAADrAAAAUUAAAJtPlT+fXBvc3QAAAT0AAAALgAAAD8Mp0skeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByecTwzY27438AQw9zA0AAUZgTJAQDhzwwheJztkEEOgDAIBIdSTWN9ikfTB3ny5f1GBerBR7hkCGwIhwUWQI3DyCA3gusyV8JXtvAzzfZilaCXXnsb4zuFJC5KTMk/y8qvPfr5buqpTTzjXieRa5ugDwOrEk54nB2OT0sCURTF75333swiUcFUrNHU1zgJpuKfmQjSioIgdBlBYRAkYaso6HO0GfsA4zdoU4uwRTirCGkhzqqNfohk7NldHO7hwPkdIABzmwJ5AAl8EARIsRAqulnDNYzICuqIt97bOWk1Jw3MJbrq8rVHJ/h7hvv42Jw2aDj2lNxse3SKMxC36PsmzyQHSxCFVQAtj3oNzQRG/Uj8qIhH2Dyibkbxy3Ypde3eQnuWQ4hjdQeUDtBwI662SMaMjXu2K/1Qx7Ic+q+zz9fYi2BRwZqTvkAqEIB1KIj1XE8pHMshktG5rBBmlEtx5FUu83SmWqljhacVsSS8HCmXjB2U+u0jb3R4hYHLgxsmS0zp4KhYu9vC1F7e7LR2twsXG/HkilYcDgl4WawHMzzkvTP1/qNgFLMnft+xdsrUWFgtaQmAP3awU98AeJxjYGRgYABiXQ+H2Hh+m68M3CwMIHD98woHBP1/CQsDczmQy8HABBIFABhIClIAeJxjYGRgYG7438AQw8IAAkCSkQEVsAAARwoCbXicY2FgYGBBwgAAsAARAAAAAAAAACgAXgCoAAB4nGNgZGBgYGEwAGIQYAJiLiBkYPgP5jMAAA3CAU8AAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgIWRiZGZkYWRlYG5IDWPKy0xLz0lMSszL53JMZGBAQBJBgYgAAA=') format('woff'),
  url('./iconfont.ttf?t=1540196160831') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('./iconfont.svg?t=1540196160831#iconfont') format('svg'); /* iOS 4.1- */
  }

  .iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }
`
